<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index2.jsp' starting page</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath() %>/dist/css/zui.min.css">
<script src="<%=request.getContextPath() %>/dist/js/jquery-2.0.0.min.js"></script>
<script src="<%=request.getContextPath() %>/dist/js/zui.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
	});

</script>
<style type="text/css">
#headTitle {
	display: table;
	margin-top: 10px;
}

#header {
	position: relative;
	padding-bottom: 10px;
}

#siteLogo {
	padding: 0;
}

#headNav {
	position: absolute;
	right: 0;
	top: 10px;
}

#siteSlogan {
	padding-left: 10px;
	font-size: 18px;
	color: #777;
	font-weight: bold;
}

#headTitle>.wrapper {
	display: table-row;
}

#searchbar .form-control {
	border-radius: 16px 0 0 16px;
}

.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}

.div-inline {
	display: inline
}
</style>

<script type="text/javascript">
	$(document).ready(function(){
				$("#showSYForm").show();
				$("#showZLForm").hide();
				$("#showXXForm").hide();
				$("#showGDForm").hide();
	
	
		$("#showList li").click(function(){
			$("#showList li").removeClass();
			$(this).addClass("active");
			if($(this).attr("id") == "showSY"){
				$("#showSYForm").show();
				$("#showZLForm").hide();
				$("#showXXForm").hide();
				$("#showGDForm").hide();
			}
			if($(this).attr("id") == "showZL"){
				$("#showSYForm").hide();
				$("#showZLForm").show();
				$("#showXXForm").hide();
				$("#showGDForm").hide();
			}
			if($(this).attr("id") == "showXX"){
				$("#showSYForm").hide();
				$("#showZLForm").hide();
				$("#showXXForm").show();
				$("#showGDForm").hide();
			}
			if($(this).attr("id") == "showGD"){
				$("#showSYForm").hide();
				$("#showZLForm").hide();
				$("#showXXForm").hide();
				$("#showGDForm").show();
			}
		});
	});

</script>
</head>

<body class="compact-mode compact-mode-in page-open page-show page-show-in" data-page-accent="purple" data-page="view-card" style="padding-right: 11px;">
<div class="page-container">
  <header id="header" class="clearfix">
    <div id="headTitle">
      <div class="wrapper">
        <div id="siteLogo" class="div-inline">
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div id="siteSlogan" class="div-inline">
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
    <div id="headNav">
      <div class="wrapper">
        <nav><a href="/user-login.html">登录</a> <a
            href="/user-register.html">注册</a> <span id="languageBar"><a
            href="/">简体</a> <a href="/tw">繁体</a> <a href="/en">English</a> </span></nav>
      </div>
    </div>
    <div id="searchbar" style="width: 40%;float:right">
      <form action="/search/" method="get" role="search">
        <div class="input-group" style="width: 40%;float:right">
          <input type="text" name="words" id="words" value="" class="form-control" placeholder="">

          <div class="input-group-btn">
            <button class="btn btn-default" type="submit">
              <i class="icon icon-search"></i>
            </button>
          </div>
        </div>
      </form>
    </div>
  </header>

  <section>
    <div spellcheck="false" class="example" content编辑able="true">
      <nav class="navbar navbar-inverse" role="navigation">
        <ul class="nav navbar-nav nav-justified">
          <li class="cat-item nav-system-home"><a href="/">首页</a></li>
          <li class="cat-item nav-custom-"><a href="">私人订制</a></li>
          <li class="cat-item nav-article-1"><a href="/download.html">旅游</a></li>
          <li class="cat-item nav-custom-"><a href="http://www.chanzhi.net" target="_blank">交通</a></li>
          <li class="cat-item nav-system-help"><a href="/help/">月活动</a></li>
          <li class="cat-item nav-custom-"><a href="http://www.chanzhi.org/vip/25_vip-support.html">支持</a></li>
          <li class="cat-item nav-system-forum"><a href="/forum/">论坛</a></li>
          <li class="cat-item nav-article-2"><a href="/dynamic.html">动态</a></li>
          <li class="cat-item nav-custom-"><a href="#">团队</a></li>
        </ul>
      </nav>
    </div>
  </section>

  <!-- 轮播 -->
  <section>
    <article>
      <div class="example no-padding" style="width: 55%;float: right;">
        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1" class=""></li>
            <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li>
          </ol>
          <div class="carousel-inner">
            <div class="item active">
              <img alt="First slide" src="<%=request.getContextPath() %>/image/slide1.jpg">

              <div class="carousel-caption">
                <h3>我是第一张幻灯片</h3>

                <p>:)</p>
              </div>
            </div>
            <div class="item">
              <img alt="First slide" src="<%=request.getContextPath() %>/image/slide2.jpg">

              <div class="carousel-caption">
                <h3>我是第二张幻灯片</h3>

                <p>0.0</p>
              </div>
            </div>
            <div class="item">
              <img alt="First slide" src="<%=request.getContextPath() %>/image/slide3.jpg">

              <div class="carousel-caption">
                <h3>我是第三张幻灯片</h3>

                <p>最后一张咯~</p>
              </div>
            </div>
          </div>
          <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
            <span class="icon icon-chevron-left"></span>
          </a>
          <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
            <span class="icon icon-chevron-right"></span>
          </a>
        </div>
      </div>
    </article>
  </section>
  <!-- 轮播end -->
  	
		<section style="width:40%;float:left; margin-top: 20px;margin-left: 15px">
		<div>
			<ul id="showList" class="nav nav-tabs">
				<li id="showSY" class="active"><a href="javascript:void(0)">订票</a></li>
				<li id="showZL"><a href="javascript:void(0)" >定酒店</a></li>
				<li id="showXX"><a href="javascript:void(0)" >定房间</a></li>
				<li id="showGD"><a href="javascript:void(0)" >订飞机票 </a></li>
			</ul>
		</div>
		
		<form id="form_2" method="post">
			<div id="showSYForm">
				<div class="form-group">
					<label class="col-md-2 control-label">起点</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">终点</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">时间</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">年龄</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="wrapper">
					<span class="right relative"><a href="#" class="button1" onclick="document.getElementById('form_2').submit()"><strong>Search</strong></a></span>
					<a href="#" class="link1">更多选项</a>
				</div>
			</div>
		</form>
		
		<form id="form_2" method="post">
			<div id="showZLForm">
				<div class="form-group">
					<label class="col-md-2 control-label">男女</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">大床房</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="wrapper">
					<span class="right relative"><a href="#" class="button1" onclick="document.getElementById('form_2').submit()"><strong>搜索</strong></a></span>
					<a href="#" class="link1">更多</a>
				</div>
			</div>
		</form>
		
		<form id="form_2" method="post">
			<div id="showXXForm">
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">测试</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">实在不知道写啥了</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="wrapper">
					<span class="right relative"><a href="#" class="button1" onclick="document.getElementById('form_2').submit()"><strong>Search</strong></a></span>
					<a href="#" class="link1">More Options</a>
				</div>
			</div>
		</form>
		
		<form id="form_2" method="post">
			<div id="showGDForm">
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">没有更</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">别点了</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="form-group">
					<label class="col-md-2 control-label">作者</label>
					<div class="col-md-4">
						<input type="text" name="author" id="author" value="demo"
							class="form-control">
					</div>
				</div>
				<div class="wrapper">
					<span class="right relative"><a href="#" class="button1" onclick="document.getElementById('form_2').submit()"><strong>Search</strong></a></span>
					<a href="#" class="link1">More Options</a>
				</div>
			</div>
		</form>
		
		

		</section>
		<section style="width:50%;float:right">
    <article>
      <div content编辑able="false" spellcheck="false" class="example">
        <div class="list">
          <section class="items items-hover">
            <div class="item">
              <div class="item-heading">
                <h4><span class="label label-success">新闻</span>&nbsp; <a href="###">测试内容</a></h4>
              </div>
              <div class="item-content">
               这里是啥任务
              </div>
              <div class="item-footer">
                <a href="#" class="text-muted"><i class="icon-comments"></i> 243</a>&nbsp;
                <span class="text-muted">2013-11-11 16:14:37</span>
              </div>
            </div>
            <div class="item">
              <div class="item-heading">
                <div class="pull-right"><a href="###"><i class="icon-pencil"></i> 编辑</a>
                  &nbsp;<a href="#"><i class="icon-remove"></i> 删除</a></div>
                <h4><a href="###">这里是啥内容呢</a></h4>
              </div>
              <div class="item-content">
                   这里是啥任务
              </div>
              <div class="item-footer">
                <a href="#"><i class="icon-comments"></i> 243</a>&nbsp;
                <span class="text-muted">2013-11-11 16:14:37</span>
              </div>
            </div>
            <div class="item">
              <div class="item-heading">
                <div class="pull-right"><a href="###"><i class="icon-pencil"></i> 编辑</a>
                  &nbsp;<a href="#"><i class="icon-remove"></i> 删除</a></div>
                <h4><a href="###">这里是啥内容呢</a></h4>
              </div>
              <div class="item-content">
                  这里是啥任务
                ducimus
              </div>
              <div class="item-footer">
                <a href="#"><i class="icon-comments"></i> 243</a>&nbsp;
                <span class="text-muted">2013-11-11 16:14:37</span>
              </div>
            </div>
            <div class="item">
              <div class="item-heading">
                <div class="pull-right"><a href="###"><i class="icon-pencil"></i> 编辑</a>
                  &nbsp;<a href="#"><i class="icon-remove"></i> 删除</a></div>
                <h4><a href="###">这里是啥内容呢</a></h4>
              </div>
              <div class="item-content">
                替换掉, animi magni illo vel
              </div>
              <div class="item-footer">
                <a href="#"><i class="icon-comments"></i> 243</a>&nbsp;
                <span class="text-muted">2013-11-11 16:14:37</span>
              </div>
            </div>
            <div class="item">
              <div class="item-heading">
                <div class="pull-right"><a href="###"><i class="icon-pencil"></i> 编辑</a>
                  &nbsp;<a href="#"><i class="icon-remove"></i> 删除</a></div>
                <h4><a href="###">这里是啥内容呢</a></h4>
              </div>
              <div class="item-content">
                替换掉
              </div>
              <div class="item-footer">
                <a href="#"><i class="icon-comments"></i> 243</a>&nbsp;
                <span class="text-muted">2013-11-11 16:14:37</span>
              </div>
            </div>
          </section>
        </div>
      </div>

    </article>
  </section>
 </div>


  <div class="list" style="width:100%;float:right;height:auto;">
    <header>
      <div class="pull-right">
        <div class="btn-group" data-toggle="buttons-radio">
          <a href="#">更多...</a>
        </div>
      </div>
      <h3><i class=" icon-border-circle"></i> 国内游
        <small>26 items</small>
      </h3>
    </header>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">关于图片的说明</span>
          <h5 class="card-heading">海洋公园 500元起</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
    </section>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

    </section>
  </div>

  <div class="list" style="float:right;height:auto;">
    <header>
      <div class="pull-right">
        <div class="btn-group" data-toggle="buttons-radio">
          <a href="#">更多...</a>
        </div>
      </div>
      <h3><i class=" icon-border-circle"></i> 出境游
        <small>26 items</small>
      </h3>
    </header>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">关于图片的说明</span>
          <h5 class="card-heading">海洋公园 500元起</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide2.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide1.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
    </section>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide2.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide1.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

    </section>
  </div>

  <div class="list" style="float:right;height:auto;">
    <header>
      <div class="pull-right">
        <div class="btn-group" data-toggle="buttons-radio">
          <a href="#">更多...</a>
        </div>
      </div>
      <h3><i class=" icon-border-circle"></i>精品推荐
        <small>10 items</small>
      </h3>
    </header>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">关于图片的说明</span>
          <h5 class="card-heading">海洋公园 500元起</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide2.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide1.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide2.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
    </section>
    <section class="cards">
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide1.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>
      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide3.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

      <div class="col-md-4 col-sm-6 col-lg-3">
        <a href="###" class="card">
          <img src="<%=request.getContextPath() %>/image/slide1.jpg" alt="">
          <span class="caption">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste, voluptatem.</span>
          <h5 class="card-heading">Lorem ipsum dolor sit.</h5>

          <div class="card-content text-muted">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae, officia similique enim culpa ipsam voluptas.
            Quibusdam, tempora autem voluptatem aliquid!
          </div>
        </a>
      </div>

    </section>
  </div>

  <br>
  <!-- 合作伙伴 -->
  <section>
    <div class="col-md-4 col-sm-6 col-lg-3" style="width: 20%;height: 20%">
      <h1>合作伙伴</h1>

      <div>
        <div>
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div>
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3" style="width: 20%;height: 20%">
      <h1>合作伙伴</h1>

      <div>
        <div>
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div>
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3" style="width: 20%;height: 20%">
      <h1>合作伙伴</h1>

      <div>
        <div>
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div>
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3" style="width: 20%;height: 20%">
      <h1>合作伙伴</h1>

      <div>
        <div>
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div>
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
    <div class="col-md-4 col-sm-6 col-lg-3" style="width: 20%;height: 20%">
      <h1>合作伙伴</h1>

      <div>
        <div>
          <a href="/"><img src="<%=request.getContextPath() %>/image/logo.jpg" class="logo" title="青岛息壤网络信息有限公司"> </a>
        </div>
        <div>
          <span>为天下企业提供专业的营销工具！</span>
        </div>
      </div>
    </div>
  </section>
</div>

</body>
</html>
